<script>
	import { BeButton  } from '@brewer/beerui'
	import MyBtn from "./comps/MyBtn.svelte";
	import MyCard from "./comps/MyCard.svelte";
	import MsgItem from "./comps/MsgItem.svelte";
	import MsgBox from "./comps/MsgBox.svelte";
	// import util from './util.js'
	let title = '';
	// ?zzyuserId=3448&cid=1587833&pid=1837&ename=2021-618%20&exhibitCode=E0000000294&m=13322221111
	// let zzyuserId = util.get('zzyuserId');
	// let cid = util.get('cid');
	// let pid = util.get('pid');
	// let ename = util.get('ename');
	// let exhibitCode = util.get('exhibitCode');
	// let m = util.get('m');
	// let roles = util.getItem('busi_roles');
	// let topMenus = util.getMenu(0).filter(it=> it.pos == 'top' && it.url);
	// let eipBusi = 'http://localhost:8080/eip-web-business/pages/';
	// let qs = `?cid=${cid}&zzyuserId=${zzyuserId}&orgnum=1002&pid=${pid}&exhibitCode=${exhibitCode}`
</script>
<main>
	<MsgBox>
		<div slot="head">
			head test
		</div>
		{#each [1,2,3,4] as i}
		<MsgItem></MsgItem>
		{/each}
	</MsgBox>


	<MyCard type="outline"> Click me </MyCard>
	<!-- <h1>Hello {name}!</h1> -->
	<!-- <p>Visit the <a href="https://svelte.dev/tutorial">{title}</a> to learn how to build Svelte apps.</p> -->
	<div class='demo-list'>
		<MyBtn type="default">默认按钮</MyBtn>
		<MyBtn type="primary">主要按钮</MyBtn>
		<MyBtn type="success">成功按钮</MyBtn>
		<MyBtn type="info">信息按钮</MyBtn>
		<MyBtn type="warning">警告按钮</MyBtn>
		<MyBtn type="danger">危险按钮</MyBtn>
		<!-- <BeButton class='demo-button' type="primary">主要按钮</BeButton>
		<BeButton class='demo-button' type="success">成功按钮</BeButton>
		<BeButton class='demo-button' type="info">信息按钮</BeButton>
		<BeButton class='demo-button' type="warning">警告按钮</BeButton>
		<BeButton class='demo-button' type="danger">危险按钮</BeButton> -->
	</div>
</main>

<svelte:head>
	<title>{title ? title + '-' : ''}会员自助中心</title>
	<!-- <link rel='stylesheet' href='http://localhost:8080/eip-web-business/lib/layui/css/layui.css'>
	<link rel='stylesheet' href='http://localhost:8080/eip-web-business/css/main.css'>
	<link rel='stylesheet' href='http://localhost:8080/eip-web-business/css/common.css'> -->
</svelte:head>

<style lang="scss">
	main {
		text-align: center;
		// padding: 1em;
		max-width: 240px;
		margin: 0 auto;
		h1 {
			color: #ff3e00;
			text-transform: uppercase;
			font-size: 4em;
			font-weight: 100;
		}
	}
	@media (min-width: 640px) {
		main {
			max-width: none;
		}
	}
</style>